{% extends "_layouts/examples.html" %}
{% block title %}Rule / Muted{% endblock %}

{% block standalone_css %}patterns_rule{% endblock %}

{% block content %}

<div class="p-section">
  <div class="row--25-75">
    <div class="col">
      <hr class="p-rule">
      <div class="row">
        <div class="col-6">
          <h2>Infrastructure, <br>your way</h2>
          <p>Flexible and engineered for efficiency. <br>From small, private clouds on rails to clouds at any scale.</p>
        </div>
        <div class="col-3">
          <h2><a href="#">OpenStack&nbsp;&rsaquo;</a></h2>
          <hr class="p-rule--muted u-hide--small">
          <h2><a href="#">Ceph&nbsp;&rsaquo;</a></h2>
          <hr class="p-rule--muted u-hide--small">
          <h2><a href="#">LXD&nbsp;&rsaquo;</a></h2>
          <hr class="p-rule--muted u-hide--small">
          <h2><a href="#">MAAS&nbsp;&rsaquo;</a></h2>
        </div>
      </div>
    </div>
  </div>
</div>
{% endblock %}
